<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            // var $li = $('.list li');
            //
            // $li.click(function () {
            //     $(this).css({'background': 'red'});
            // })

            var $ul = $('.list');
            $ul.delegate('li    ', 'click', function () {
                $(this).css({"background": 'red'});
            })

        })


    </script>
</head>
<body>
<ul class="list">
    <li>列表文件</li>
    <li>列表文件</li>
    <li>列表文件</li>
    <li>列表文件</li>
    <li>列表文件</li>
    <li>列表文件</li>
</ul>
</body>
</html>